layui.use(['table','layer'], function(){
    var table = layui.table,
     layer = layui.layer

    //第一个实例
    table.render({
        elem: '#LAY-index-topSearc'
        ,height: 480
        ,url: 'backstage.action?methodName=novelist' //数据接口
        ,page: true //开启分页
        ,cols: [[ //表头

            {type: "numbers", title: 'ID', width:80, sort: true, fixed: 'left'}
            ,{field: 'name', title: '书名', width:160}
            ,{field: 'author', title: '作者', width:160, sort: true}
            ,{field: 'classification', title: '分类', width:80}
            ,{field: 'state', title: '是否完结', width: 80 ,templet: function (data) {
                    return data.state == 0?"完结":"未完结";
                }}
            ,{field: 'count', title: '点击数量', width: 100, sort: true}
            ,{field: 'intro', title: '简介'}
            ,{fixed: 'right', width: 165, align:'center', toolbar: '#table-useradmin-webuser'}
        ]]
    });
    table.on('tool(book)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        let data = obj.data; //获得当前行数据
        let layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）

        if(layEvent === 'detail'){ //查看
            layer.open({
                type: 2,
                btn : ['好的','不好'],
                yes :function () {
                   layer.alert("优秀")
                },
                btn2:  function (index) {
                    layer.msg("sdfasdfasdf")
                },
                btnAlign: 'l',
                closeBtn:2,
                shade :[0.5,"#352925"],
                //time : 5000
                anim : 1
            })
        } else if(layEvent === 'del'){ //删除
            layer.confirm('真的删除行么', function(index){
                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                layer.close(index);
                //向服务端发送删除指令
            });
        } else if(layEvent === 'LAYTABLE_TIPS'){
            layer.alert('Hi，头部工具栏扩展的右侧图标。');
        }
    });

});
